<section id="layout">
    <div class="demo-item">
        <div class="demo-block">
            <ul class="ui-tiled ui-border-b" style="height:45px">
                <li class="ui-border-r">分类  <i class="fa fa-angle-down" aria-hidden="true" style="color:#9b9b9b"></i></li>
                <li class="ui-border-r">状态  <i class="fa fa-angle-down" aria-hidden="true" style="color:#9b9b9b"></i></li>
                <li class="ui-border-r">负责人  <i class="fa fa-angle-down" aria-hidden="true" style="color:#9b9b9b"></i></li>
                <li>时间  <i class="fa fa-angle-down" aria-hidden="true" style="color:#9b9b9b"></i></li>
            </ul>
        </div>
    </div>
</section>
<section id="list" style="padding:8px;background-color:#EBEBEB">
    <div class="demo-item">
        <div class="demo-block">
            <ul class="ui-list ui-list-pure ui-border-tb">
                <li class="ui-border-t" style="margin-left:0;padding-left:15px">
                    <p><span style="display:inline-block;width:25px;height:25px;vertical-align:middle;margin-right:8px;background:url(/Public/App/images/t1.png);background-size:contain"></span><span style="vertical-align:middle">进行中</span><span style="float:right"><i class="fa fa-users" style="padding:5px"></i>4</span></p>
                </li>
                <li class="ui-border-t" style="margin-left:0;padding-left:15px">
                    <p class="ui-txt-justify" style="color:#000"  onclick="$.myfunction.jump('{:U('Home/task-detail')}','任务内容','','')"　>积分系统页面修改，积分系统页面修改，积分系统页面修改，积分系统页面修改，积分系统页面修改，积分系统页面修改，积分系统页面修改，积分系统页面修改，</p>
                </li>
                <li style="margin-left:0;padding-left:15px">
                    <p><span>分类：项目　负责人：小茗 </span><span style="float:right">2016-11-11</span></p>
                </li>
            </ul>
        </div>
    </div>
    <div class="demo-item">
        <div class="demo-block">
            <ul class="ui-list ui-list-pure ui-border-tb">
                <li class="ui-border-t" style="margin-left:0;padding-left:15px" >
                    <p><span style="display:inline-block;width:25px;height:25px;vertical-align:middle;margin-right:8px;background:url(/Public/App/images/t2.png);background-size:contain"></span><span style="vertical-align:middle">进行中</span><span style="float:right"><i class="fa fa-users" style="padding:5px"></i>4</span></p>
                </li>
                <li class="ui-border-t" style="margin-left:0;padding-left:15px">
                    <p class="ui-txt-justify" style="color:#000"   onclick="$.myfunction.jump('{:U('Home/task-detail')}','任务内容','','')"　>积分系统页面修改，积分系统页面修改，积分系统页面修改，积分系统页面修改，积分系统页面修改，积分系统页面修改，积分系统页面修改，积分系统页面修改，</p>
                </li>
                <li style="margin-left:0;padding-left:15px">
                    <p><span>分类：项目　负责人：小茗 </span><span style="float:right">2016-11-11</span></p>
                </li>
            </ul>
        </div>
    </div>
    <div class="demo-item">
        <div class="demo-block">
            <ul class="ui-list ui-list-pure ui-border-tb">
                <li class="ui-border-t" style="margin-left:0;padding-left:15px">
                    <p><span style="display:inline-block;width:25px;height:25px;vertical-align:middle;margin-right:8px;background:url(/Public/App/images/t3.png);background-size:contain"></span><span style="vertical-align:middle">进行中</span><span style="float:right"><i class="fa fa-users" style="padding:5px"></i>4</span></p>
                </li>
                <li class="ui-border-t" style="margin-left:0;padding-left:15px">
                    <p class="ui-txt-justify" style="color:#000"   onclick="$.myfunction.jump('{:U('Home/task-detail')}','任务内容','','')"　>积分系统页面修改，积分系统页面修改，积分系统页面修改，积分系统页面修改，积分系统页面修改，积分系统页面修改，积分系统页面修改，积分系统页面修改，</p>
                </li>
                <li style="margin-left:0;padding-left:15px">
                    <p><span>分类：项目　负责人：小茗 </span><span style="float:right">2016-11-11</span></p>
                </li>
            </ul>
        </div>
    </div>
    <div class="demo-item">
        <div class="demo-block">
            <ul class="ui-list ui-list-pure ui-border-tb">
                <li class="ui-border-t" style="margin-left:0;padding-left:15px">
                    <p><span style="display:inline-block;width:25px;height:25px;vertical-align:middle;margin-right:8px;background:url(/Public/App/images/t4.png);background-size:contain"></span><span style="vertical-align:middle">进行中</span><span style="float:right"><i class="fa fa-users" style="padding:5px"></i>4</span></p>
                </li>
                <li class="ui-border-t" style="margin-left:0;padding-left:15px">
                    <p class="ui-txt-justify" style="color:#000"   onclick="$.myfunction.jump('{:U('Home/task-detail')}','任务内容','','')"　>积分系统页面修改，积分系统页面修改，积分系统页面修改，积分系统页面修改，积分系统页面修改，积分系统页面修改，积分系统页面修改，积分系统页面修改，</p>
                </li>
                <li style="margin-left:0;padding-left:15px">
                    <p><span>分类：项目　负责人：小茗 </span><span style="float:right">2016-11-11</span></p>
                </li>
            </ul>
        </div>
    </div>
</section>
<section>
    <div class="demo-item" style="height:60px;width:100%;background-color:#fff">
    </div>
</section>